<template>
    <div class="checkbox-column">
        <label class="label-checkbox">                    
            <div v-if="item.icon != ''">
                <slot name="list-icon"></slot>
            </div>
            <input type="checkbox" :checked="item.checked">
            <div class="item-media">
                <i class="icon icon-form-checkbox"></i>
            </div>
        </label>
        <div v-text="item.name"></div>
    </div>
</template>

<script type="text/javascript">
    export default{

        props: {
            item: {
                type: Object,
                default: function () {
                    return {
                        icon: 'http://dev_cms_3.52tt.com/media/1030/timg.jpeg',
                        checked:false,
                        name:''
                    }
                }
            },
        },

        mounted () {

        }
    }
</script>
